html,
body {
    .main {
        width: 1190px;
        margin: 0 auto;
    }

    //头部开始
    header {
        .h-nav {
            background-color: #f9f9f9;

            nav {
                height: 32px;
                display: flex;
                justify-content: space-between;
                align-items: center;

                //左边导航
                ul {
                    display: flex;
                    align-items: center;

                    li {
                        font-size: 12px;
                        color: #666;

                        span {
                            font-size: 12px;
                            color: #666;
                        }

                        a {
                            font-size: 12px;
                            color: #666;
                            margin: 0px 10px;
                        }

                        a:hover {
                            color: #f74a4a;
                            text-decoration: underline;
                        }
                    }
                }

                .left-nav {


                    li:first-child {
                        display: flex;

                        i {
                            display: block;
                            background: url(../images/index/sprite1.png) no-repeat 0 0;
                            width: 11px;
                            height: 15px;
                        }

                        a {
                            margin-left: 3px;
                        }
                    }

                }

                //右边导航
                .right-nav {
                    li:first-child {
                        a {
                            margin-left: 0px;
                        }
                    }

                    li:last-child {
                        width: 80px;
                        height: 18px;
                        background-color: #fff;
                        border: 1px solid #e7e8e7;
                        margin-left: 10px;

                        a {
                            margin-left: 5px;
                            line-height: 18px;
                        }

                        i {
                            display: inline-block;
                            background: url(../images/index/sprite1.png) no-repeat -0px -57px;
                            width: 12px;
                            height: 8px;
                        }
                    }
                }
            }

        }

        .logo-search {
            height: 124px;
            // background-color: pink;
            display: flex;
            align-items: center;

            .logo {
                background: url(../images/index/sprite2.png) no-repeat -19px -7px;
                width: 261px;
                height: 49px;
            }

            .searchBtn {
                display: flex;
                align-items: center;
                margin: 0px 50px 0px 150px;

                .searchBox {
                    height: 39px;
                    display: flex;

                    border-right: none;

                    .seclectGame {
                        width: 118px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 12px;
                        border: 2px solid #f74a4a;
                        border-right: none;

                        span {
                            color: #333;
                        }

                        i {
                            display: inline-block;
                            background: url(../images/index/sprite1.png) no-repeat 0 -25px;
                            width: 9px;
                            height: 6px;
                            margin-left: 25px;
                        }

                    }

                    .seclectGame:hover {
                        i {
                            background: url(../images/index/sprite1.png) no-repeat -20px -24px;
                        }
                    }

                    input {

                        width: 333px;
                        padding: 10px;
                        box-sizing: border-box;
                        font-size: 12px;
                        border: 2px solid #f74a4a;
                        border-left: 1px solid #efefef;


                    }

                    >.sec {
                        border-top: 2px solid #000;
                        border-bottom: 2px solid #000;
                        border-left: 1px solid #000;
                        border-right: 1px solid #000;
                        border-radius: 3px;
                    }
                }

                button {
                    border: none;
                    background: url(../images/index/sprite5.png) no-repeat 0 0;
                    width: 38px;
                    height: 40px;
                }

                button:hover {
                    background: url(../images/index/sprite5.png) no-repeat -39px 0;
                    width: 38px;
                    height: 40px;
                }
            }
        }

        .gameNav {
            width: 100%;
            height: 62px;
            background-color: #3b3f4a;

            .gameBox {
                height: 62px;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .allGame {
                    height: 62px;
                    width: 190px;
                    background-color: #eb4c4c;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #ff8184;

                    i {
                        margin-right: 5px;
                        display: inline-block;
                        background: url(../images/index/sprite1.png) no-repeat 0 -177px;
                        width: 20px;
                        height: 26px;
                    }
                }

                .list {
                    height: 62px;
                    display: flex;

                    li {
                        width: 126px;
                        height: 62px;
                        text-align: center;
                        line-height: 62px;

                        a {
                            color: #fff;
                        }
                    }

                    li:hover {
                        background-color: #f74b4b;
                    }
                }

                .cart {
                    margin-left: 14px;
                    height: 50px;
                    width: 230px;
                    background: #eb4d4c;
                    // padding: 10px;
                    box-sizing: border-box;
                    display: flex;
                    position: relative;

                    a {
                        display: flex;
                        .cartBox {
                            width: 159px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border-right: 1px solid #e04040;

                            i {
                                display: inline-block;
                                background: url(../images/index/sprite1.png) no-repeat -60px -20px;
                                width: 20px;
                                height: 16px;
                                margin-right: 10px;
                            }

                            span {
                                color: #fff;
                            }

                        }

                        #num {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: 75px;
                            text-align: center;
                            color: #fff;
                            font-weight: bold;
                            font-size: 20px;
                        }
                    }

                    .cartInfo {
                        display: none;
                        position: absolute;
                        top: 50px;
                        right: 0;
                        width: 672px;
                        border: 1px solid #e8e8e8;
                        background-color: #fff;
                        padding: 5px;
                        box-sizing: border-box;
                        z-index: 999;

                        table {
                            width: 672px;

                            th,
                            td {
                                width: 168;

                                text-align: center;
                            }

                            th {
                                height: 36px;
                            }

                            td {
                                height: 20px;
                                font-size: 14px;
                            }
                        }
                    }
                }

                .cart:hover {
                    .cartInfo {
                        display: block;
                    }
                }
            }
        }

        .bannerBox {
            background: url(../images/index/wrap_bg.png);

            .h-content {

                display: flex;
                height: 330px;

                .left-list {
                    height: 330px;
                    width: 190px;
                    background-color: pink;

                    ul {
                        li {
                            height: 65px;
                            background-color: #f55656;
                            border-bottom: 1px solid #ee4545;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            position: relative;

                            i {
                                display: inline-block;
                                height: 26px;
                            }

                            span {
                                color: #fff;
                                font-size: 16px;
                                margin-left: 12px;
                            }

                            .gameList {
                                display: none;
                                height: 330px;
                                position: absolute;
                                padding: 8px 0px;
                                box-sizing: border-box;
                                background-color: #fff;
                                top: 0px;
                                left: 190px;
                                z-index: 999;

                                div {
                                    width: 140px;
                                    height: 330px;
                                    float: left;
                                    padding: 0px 18px;
                                    box-sizing: border-box;

                                    p {
                                        margin: 12px 0px;

                                        a {
                                            color: #3a3f4a;
                                            font-size: 12px;
                                        }

                                        a:hover {
                                            color: #f74a4a;
                                            text-decoration: underline;
                                        }
                                    }
                                }
                            }

                            .gameList1 {
                                width: 280px;
                            }

                            .gameList2 {
                                width: 420px;
                                top: -66px
                            }

                            .gameList3 {
                                width: 280px;
                                top: -132px
                            }

                            .gameList4 {
                                width: 140px;
                                top: -198px
                            }

                            .gameList5 {
                                width: 140px;
                                top: -264px
                            }

                        }

                        li:hover {
                            background-color: #fff;
                            border-bottom: 1px solid #f3f4f6;

                            .gameList {
                                display: block;
                            }

                            span {
                                color: #000;
                            }

                        }

                        li:nth-child(1) {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -148px -177px;
                                width: 21px;
                            }
                        }

                        li:nth-child(1):hover {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -148px -210px;
                            }
                        }

                        li:nth-child(2) {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -29px -177px;
                                width: 21px;
                            }
                        }

                        li:nth-child(2):hover {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -29px -208px;
                            }
                        }

                        li:nth-child(3) {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -60px -177px;
                                width: 23px;
                            }
                        }

                        li:nth-child(3):hover {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -60px -209px;
                            }
                        }

                        li:nth-child(4) {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -89px -177px;
                                width: 21px;
                            }
                        }

                        li:nth-child(4):hover {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -89px -210px;
                            }
                        }

                        li:nth-child(5) {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -120px -177px;
                                width: 21px;
                            }
                        }

                        li:nth-child(5):hover {
                            i {
                                background: url(../images/index/sprite1.png) no-repeat -120px -210px;
                            }
                        }

                    }
                }

                //轮播图开始
                .banner {
                    height: 330px;
                    width: 770px;
                    background-color: skyblue;
                    position: relative;

                    .screen {
                        width: 770px;
                        height: 330px;
                        overflow: hidden;
                        position: relative;

                        ul {
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            width: 4620px;

                            li {
                                width: 770px;
                                height: 330px;
                                overflow: hidden;
                                float: left;
                                position: relative;

                                .bannerInfo {
                                    color: #fff;
                                    font-size: 12px;
                                    font-weight: bold;
                                    line-height: 45px;
                                    padding: 0px 20px;
                                    box-sizing: border-box;
                                    position: absolute;
                                    top: 285px;
                                    left: 0px;
                                    width: 770px;
                                    height: 45px;
                                    background: #000;
                                    opacity: 0.5;
                                }

                                img {
                                    width: 770px;
                                    height: 330px;
                                }
                            }
                        }
                    }

                    ol {
                        position: absolute;
                        right: 10px;
                        bottom: 15px;

                        li {
                            width: 12px;
                            height: 12px;
                            background-color: #fff;
                            float: left;
                            margin-left: 5px;
                        }

                        >.current {
                            background: #eb4d4c;
                        }
                    }
                }

                .right-info {
                    height: 330px;
                    width: 230px;
                    background-color: #fff;
                    padding: 0px 5px;
                    box-sizing: border-box;

                    .loginBox {
                        height: 85px;
                        border-bottom: 1px solid #efefef;
                        padding-top: 20px;
                        box-sizing: border-box;

                        .qqlogo {
                            float: left;
                            margin: 0px 10px;
                            width: 42px;
                            height: 42px;
                            border-radius: 50%;
                            background: url(../images/index/qq.gif) no-repeat 0 0;
                            background-size: cover;
                        }

                        span {
                            font-size: 12px;
                            color: #999999;

                            a {
                                font-size: 12px;
                            }

                            a:hover {
                                text-decoration: underline;
                            }
                        }
                    }

                    .upBox {
                        height: 117px;
                        border-bottom: 1px solid #efefef;
                        background-color: #fff;

                        h3 {
                            height: 34px;
                            font-size: 12px;
                            font-weight: bold;
                            line-height: 34px;
                            margin-left: 12px;

                        }

                        div {
                            display: flex;
                            justify-content: space-around;
                            align-items: center;

                            dl {
                                text-align: center;

                                a {
                                    font-size: 12px;
                                    color: #3a3f4a;
                                }

                                a:hover {
                                    color: #f74a4a;
                                    text-decoration: underline;
                                }
                            }
                        }
                    }

                    .bottmoBox {
                        height: 126px;

                        .title {
                            height: 34px;
                            display: flex;
                            align-items: center;

                            span {
                                margin-left: 10px;
                                margin-right: 142px;
                                font-size: 12px;
                                font-weight: bold;
                            }

                            a {
                                font-size: 12px;
                                color: #666;
                            }
                        }

                        ul {
                            li {
                                display: flex;
                                justify-content: space-between;
                                margin-bottom: 5px;

                                a {
                                    font-size: 12px;
                                    color: #999;
                                }

                                a:hover {
                                    text-decoration: underline;
                                }

                                span {
                                    font-size: 12px;
                                    color: #999;
                                }
                            }
                        }
                    }
                }
            }
        }

    }

    //头部结束
    //内容开始
    section {
        background-color: #f3f4f6;

        .content {
            .left-content {
                float: left;
                width: 950px;

                .c-box {
                    .c-title {
                        height: 54px;
                        background-color: #f3f4f6;
                        display: flex;
                        align-items: center;

                        i {
                            display: inline-block;
                            background: url(../images/index/sprite1.png) no-repeat -30px -75px;
                            width: 20px;
                            height: 20px;
                            margin-right: 10px;
                        }
                    }

                    .commodity {
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;

                        .box {
                            padding: 0px 30px;
                            box-sizing: border-box;
                            width: 316px;
                            height: 144px;
                            display: flex;
                            align-items: center;
                            background-color: #fff;
                            border-bottom: 1px solid #f3f4f6;
                            border-right: 1px solid #f3f4f6;

                            img {
                                width: 80px;
                                height: 68px;
                                margin-right: 15px;
                            }

                            .cInfo {
                                font-size: 12px;

                                p {
                                    margin-bottom: 5px;
                                }

                                a {
                                    color: #3a3f4a;
                                }

                                a:hover {
                                    color: #f74a4a;
                                    text-decoration: underline;
                                }

                                .qb {
                                    font-size: 12px;
                                    color: #f74a4a;
                                    font-weight: bold;
                                }

                                button {
                                    display: block;
                                    border: none;
                                    border-bottom: 2px solid #e43333;
                                    width: 90px;
                                    height: 25px;
                                    background-color: #f74a4a;
                                    color: #fff;
                                    cursor: pointer;
                                }
                            }
                        }
                    }
                }

                .like {
                    .l-title {
                        height: 54px;
                        background-color: #f3f4f6;
                        display: flex;
                        align-items: center;

                        i {
                            display: inline-block;
                            background: url(../images/index/sprite1.png) no-repeat -0px -75px;
                            width: 20px;
                            height: 20px;
                            margin-right: 10px;
                        }

                        span {
                            margin-right: 10px;
                        }

                        b {
                            font-size: 14px;
                            color: #e4e3e6;
                        }

                        a {
                            font-size: 12px;
                            margin-left: 10px;
                            margin-top: 5px;
                        }
                    }

                    .likeBox {
                        height: 216px;
                        display: flex;
                        justify-content: space-evenly;
                        align-items: center;
                        background-color: #fff;

                        dl {
                            text-align: center;
                            width: 190px;
                            border-right: 1px solid #f3f4f6;

                            dt {
                                img {
                                    width: 90px;
                                    height: 75px;
                                    margin: 0 auto;
                                }
                            }

                            dd {
                                a {
                                    color: 3a3f4a;
                                    font-size: 12px;
                                    color: #3a3f4a;
                                }

                                a:hover {
                                    color: #f74a4a;
                                    text-decoration: underline;
                                }

                                span {
                                    font-size: 12px;
                                    color: #f74a4a;
                                }
                            }
                        }
                    }
                }
            }

            .right-content {
                float: right;
                width: 230px;
                height: 615px;
                margin-left: 10px;
                background-color: #fff;

                .surprised {
                    .title {
                        height: 54px;
                        background-color: #f3f4f6;
                        display: flex;
                        align-items: center;

                        i {
                            display: inline-block;
                            background: url(../images/index/sprite1.png) no-repeat -60px -73px;
                            width: 22px;
                            height: 22px;
                            margin-right: 10px;
                        }
                    }

                    img {
                        margin: 0 auto;
                        margin-bottom: 17px;
                    }
                }

                .qd {
                    position: relative;

                    i {
                        background: url(../images/index/sprite1.png) no-repeat 0 -75px;
                        width: 20px;
                        height: 20px;
                    }

                    .box {
                        text-align: center;

                        button {
                            margin: 0 auto;
                            margin-top: 35px;
                            margin-bottom: 10px;
                            width: 190px;
                            height: 78px;
                            background-color: #f74a4a;
                            border: none;
                            border-bottom: 2px solid #e43333;
                            display: flex;
                            justify-content: center;
                            align-items: center;

                            i {
                                display: inline-block;
                                background: url(../images/index/sprite1.png) no-repeat -140px -136px;
                                width: 27px;
                                height: 26px;
                                margin-right: 10px;

                            }

                            span {
                                font-size: 18px;
                                color: #fff;
                            }
                        }

                        p {
                            font-size: 12px;
                            margin-bottom: 5px;
                        }
                    }

                    .erma {
                        display: none;
                        text-align: center;
                        position: absolute;
                        top: 54px;
                        left: 0;

                        img {
                            width: 230px;
                            height: 216px;
                            margin-bottom: 0px;
                        }

                        span {
                            font-size: 12px;
                        }
                    }
                }

                .qd:hover {
                    .erma {
                        display: block;
                    }
                }
            }
        }

        .content2 {
            .title {
                height: 54px;
                width: 100%;
                background-color: #f3f4f6;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .left {
                    i {
                        display: inline-block;
                        background: url(../images/index/sprite1.png) no-repeat -94px -78px;
                        width: 14px;
                        height: 14px;
                    }
                }

                a {
                    font-size: 12px;
                }
            }

            .conBox {
                display: flex;
                justify-content: space-evenly;
                flex-wrap: wrap;
                background-color: #fff;

                a {
                    margin-top: 10px;
                }

                a:nth-child(4) {
                    margin-bottom: 10px;
                }

                a:nth-child(5) {
                    margin-bottom: 10px;
                }

                a:nth-child(6) {
                    margin-bottom: 10px;
                }
            }

        }

        .gameBox {
            .game-title {
                height: 54px;
                background-color: #f3f4f6;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 18px;

                .tle {
                    i {
                        display: inline-block;
                        background: url(../images/index/sprite1.png) no-repeat -120px -75px;
                        width: 20px;
                        height: 20px;
                        margin-right: 10px;
                    }

                    .ticon2 {
                        background: url(../images/index/sprite1.png) no-repeat -150px -75px;
                    }

                    .ticon3 {
                        background: url(../images/index/sprite1.png) no-repeat -180px -75px;
                    }

                    .ticon4 {
                        background: url(../images/index/sprite1.png) no-repeat -120px -105px;
                    }
                }

                a {
                    color: #1994eb;
                    font-size: 12px;
                }
            }

            .gameCon {
                height: 304px;
                display: flex;

                .game-left {
                    width: 240px;
                }

                .game-center {
                    width: 764px;
                    background-color: #fff;

                    .upBox {
                        height: 204px;

                        ul {
                            height: 204px;

                            li {
                                float: left;
                                border-right: 1px solid #f3f4f6;
                                width: 190px;
                                height: 204px;
                                overflow: hidden;
                                position: relative;

                                a {
                                    position: absolute;
                                    left: 20px;
                                    top: 20px;
                                    display: block;
                                    width: 148px;
                                    height: 163px;
                                    // padding: 20px;
                                    border-bottom: 1px solid #f3f4f6;
                                    line-height: 20px;


                                    span {
                                        display: block;
                                    }

                                    span:nth-child(1) {
                                        height: 20px;
                                        margin-bottom: 3px;
                                        font-size: 16px;
                                        font-weight: 800;
                                        color: #000;
                                    }

                                    span:nth-child(2) {
                                        font-size: 12px;
                                        height: 20px;
                                        color: #f74a4a;

                                        b {
                                            font-weight: bold;
                                        }
                                    }

                                    span:nth-child(3) {
                                        color: #000;
                                        font-size: 12px;
                                        height: 20px;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                    }

                                    img {
                                        margin-top: 10px;
                                        width: 90px;
                                        height: 75px;
                                    }
                                }
                            }
                        }
                    }

                    .downBox {
                        height: 100px;

                        ul {
                            li {
                                float: left;
                                border-right: 1px solid #f3f4f6;
                                width: 170px;
                                height: 60px;
                                padding: 20px 0px 20px 20px;
                                line-height: 20px;

                                a {
                                    color: #3a3f4a;

                                    img {
                                        float: left;
                                        width: 60px;
                                        height: 50px;
                                    }
                                }

                                div {
                                    margin-left: 70px;

                                    p {
                                        height: 20px;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        font-size: 12px;
                                    }

                                    p:nth-child(1) {
                                        a:hover {
                                            color: #f74a4a;
                                            text-decoration: underline;
                                        }
                                    }

                                    p:nth-child(2) {
                                        color: #f74a4a;
                                        height: 20px;
                                        overflow: hidden;
                                        text-overflow: ellipsis;

                                        b {
                                            font-weight: bold;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .game-right {
                    width: 186px;
                    background-color: #fff;

                    dl {
                        dd {
                            height: 43px;
                            border-top: 1px solid #f3f4f6;
                            padding: 5px 5px 5px 0;

                            i {
                                float: left;
                                width: 20px;
                                height: 24px;
                                background: url(../images/index/sprite1.png) no-repeat;
                                background-position: -20px -300px;
                                font-style: normal;
                                color: #fff;
                                text-align: center;
                                line-height: 20px;
                                font-size: 12px;
                            }

                            div {
                                float: left;
                                width: 88px;
                                margin: 0 0 0 10px;
                                display: inline;

                                a {
                                    font-size: 12px;
                                    color: #000;
                                }

                                a:hover {
                                    color: #eb4d4c;
                                    text-decoration: underline;
                                }

                                b {
                                    font-size: 12px;
                                    color: #eb4d4c;
                                }
                            }

                            a {
                                img {
                                    float: right;
                                    width: 40px;
                                    height: 34px;
                                    margin-top: 1px
                                }
                            }
                        }

                        //第一
                        .top {
                            padding-top: 20px;
                            height: 62px;
                            border-top: 0;

                            i {
                                float: left;
                                display: block;
                                width: 20px;
                                background: url(../images/index/sprite1.png) no-repeat;
                                height: 53px;
                                background-position: 0 -300px;
                                line-height: 16px;
                                color: #fff;
                                font-size: 12px;
                                text-align: center;
                            }

                            .txt {
                                float: left;
                                width: 88px;
                                margin: 0 0 0 10px;
                                display: inline;

                                a {
                                    font-size: 12px;
                                    color: #000;
                                }

                                a:hover {
                                    color: #eb4d4c;
                                    text-decoration: underline;
                                }

                                b {
                                    font-size: 12px;
                                    color: #eb4d4c;
                                }
                            }

                            a {
                                img {
                                    float: right;
                                    margin-top: 1px;
                                    width: 60px;
                                    height: 50px;
                                }
                            }

                        }
                    }
                }
            }

        }

        .footImg {
            display: flex;
            justify-content: space-between;

            a {
                margin: 20px 0px 40px 0px;
            }

        }

    }

    //内容结束
    //底部开始
    footer {
        height: 358px;
        background-color: #3b3f4a;

        .footBox {
            height: 358px;

            .upFoot {
                height: 210px;
                padding-top: 25px;
                padding-bottom: 30px;
                box-sizing: border-box;
                display: flex;

                dl {
                    width: 226px;
                    height: 150px;
                    border-right: 1px solid #444853;

                    dt {

                        height: 32px;
                        display: flex;
                        align-items: center;

                        i {

                            margin: 0 10px 0 24px;
                            background: url(../images/index/sprite1.png) no-repeat;
                            width: 32px;
                            height: 32px;
                        }

                        span {
                            font-size: 16px;
                            color: #a5aab4;
                        }

                        .i1 {
                            background-position: 0 -136px;
                        }

                        .i2 {
                            background-position: -32px -136px;
                        }

                        .i3 {
                            background-position: -63px -136px;
                        }

                        .i4 {
                            background-position: -95px -136px;
                        }

                    }

                    dd {
                        margin-left: 68px;
                        height: 24px;
                        line-height: 24px;

                        a {
                            font-size: 12px;
                            color: #a5aab4;
                        }

                        a:hover {
                            text-decoration: underline;
                        }


                        img {
                            margin-top: 18px;
                        }
                    }
                }

                .footlist {
                    text-align: center;
                    font-size: 16px;
                    color: #a5aab4;

                    li {
                        float: left;
                        margin-left: 30px;
                        width: 100px;


                        img {
                            width: 100px;
                            height: 100px;
                            margin-bottom: 20px;
                        }
                    }
                }
            }

            .downFoot {
                height: 148px;
                text-align: center;
                border-top: 1px solid #444853;
                padding-top: 35px;
                box-sizing: border-box;

                p,
                a {
                    color: #a5a5a5;
                    font-size: 12px;
                }

                a:hover {
                    text-decoration: underline;
                }

                ul {
                    display: flex;
                    justify-content: center;


                    li {
                        font-size: 12px;
                        color: #a5a5a5;

                        a {
                            color: #a5a5a5;
                            margin: 0px 5px;
                            font-size: 12px;
                        }
                    }
                }
            }
        }

        .backTop {
            position: fixed;
            top: 400px;
            right: 20px;
            text-align: center;

            a {
                display: block;
                border: 1px solid #e1e1e1;
                background: #fff;
                width: 68px;
                padding: 7px 0;
                margin-top: 3px;
                font-size: 12px;
                color: #000;
            }

            a:hover {
                background-color: #ee4545;
                color: #fff;

                i {
                    background: url(../images/index/sprite2.png) no-repeat -161px -160px;
                }
            }

            .bTop {
                height: 65px;

                i {
                    display: block;
                    background: url(../images/index/sprite2.png) no-repeat -122px -160px;
                    width: 30px;
                    height: 15px;
                    margin: 0 auto;
                    margin-top: 15px;
                    margin-bottom: 12px;
                }

            }

            .dTop {
                height: 35px;
                line-height: 35px;
            }
        }
    }

    //底部结束
}